<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 
    nodeType
      节点类型
    nodeName
      节点名称

    父节点
      element.parentNode
    
    子节点
      element.childNodes(标准)
        得到所有元素的子节点，包括文本节点，元素节点
      element.children(推荐所用)
        获取元素所有的子节点
      element.firstChild
        获取第一个子节点
      element.lastChild
        获取第二个子节点
      element.firstElementChild
        获取第一个元素节点
        或者可以使用element.children[0]代替
      element.lastElementChild
        获取最后一个元素节点
        或者使用element.children[element.children.length-1]    
   -->
  <ul>
    <li>好的了</li>
    <li>你看看</li>
    <li>不死的</li>
  </ul>
</body>
<script>
  let ul = document.querySelector("ul");
  // 获取元素节点
  let lis = [];
  for (let i = 0; i < ul.childNodes.length; i++) {
    if (ul.childNodes[i].nodeType == 1) {
      lis.push(ul.childNodes[i]);
    };
  };
  console.log(ul.childNodes);
  console.log(lis);
</script>

</html>